<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>商品详情</title>
		<link rel="icon" href="/images/favicon.ico">
		<link rel="stylesheet" href="/css/detail.css"/>
		<link rel="stylesheet" href="/css/header.css" />
	</head>
	<body>
		<a href="#" class="fixed_link">
			<span class="pic_icon"></span>
			<span class="fixed_border"></span>
			<span class="kefu">联系客服，在线咨询</span>
		</a>
		<header></header>
		<div class="main">
			<div class="product-intro clearfix">
				 <!-- preview wrap begin -->
                    <div class="preview-wrap">
                        <div class="preview">
                            
                            <a href="http://img.incake.net/UpImages//201886/vb317514535151557458.jpg" class="jqzoom" rel="cake">
                                <img src="http://img.incake.net/UpImages//201886/vb1175144948151557458.jpg">
                            </a>
                            
                        </div>
                        <div class="thumbs clearfix">
                            <a href="javascript:;" class="btn btn-prev"></a>
                            <a href="javascript:;" class="btn btn-next"></a>
                            <div class="thumblist-wrap">
                                <ul id="thumblist" class="thumblist clearfix">

                                    
                                    <li>
                                        <a class="zoomThumbActive" href='javascript:void(0);' rel="{gallery: 'cake', smallimage: 'http://img.incake.net/UpImages//201886/vb1175144948151557458.jpg',largeimage: 'http://img.incake.net/UpImages//201886/vb317514535151557458.jpg'}">
                                            <img src='http://img.incake.net/UpImages//201886/vb1175144948151557458.jpg'></a>
                                    </li>
                                    
                                    <li>
                                        <a href='javascript:void(0);' rel="{gallery: 'cake', smallimage: 'http://img.incake.net/UpImages//201886/vb1175151714151557458.jpg',largeimage: 'http://img.incake.net/UpImages//201886/vb3175151811151557458.jpg'}">
                                            <img src='http://img.incake.net/UpImages//201886/vb1175151714151557458.jpg'></a>
                                    </li>
                                    
                                    <li>
                                        <a href='javascript:void(0);' rel="{gallery: 'cake', smallimage: 'http://img.incake.net/UpImages//201886/vb1175158181151557458.jpg',largeimage: 'http://img.incake.net/UpImages//201886/vb3175158259151557458.jpg'}">
                                            <img src='http://img.incake.net/UpImages//201886/vb1175158181151557458.jpg'></a>
                                    </li>
                                    
                                    <li class="last-thumb">
                                        <a href='javascript:void(0);' rel="{gallery: 'cake', smallimage: 'http://img.incake.net/UpImages//201886/vb117523835151557458.jpg',largeimage: 'http://img.incake.net/UpImages//201886/vb317523907151557458.jpg'}">
                                            <img src='http://img.incake.net/UpImages//201886/vb117523835151557458.jpg'></a>
                                    </li>
                                    
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- preview wrap end -->
				<!-- introinfo wrap begin -->
                    <div class="introinfo-wrap" id="introInfo">
                        <p class="title clearfix">
                            <span class="cn">海盐奥利奥</span>
                            <span class="en">Seasalt Oreo</span>
                        </p>
                        <div class="desc">
                            <p>一口香酥，满口浓郁</p>
                             

                        </div>
                        <div class="specific-wrap">
                            <div class="section clearfix">
                                <div class="title">规格：</div>
                                <div class="content specifics clearfix">
                                    <span class='spec  special active' bangshu='1' price='156' sprice='267' bang='1.2'  cw='510g' pic='http://img.incake.net/UpImages/banner/201886/p2c2018080617511640113.jpg' cweight='磅' danwei='.2' guige='14CM*14CM*4.5CM≈6寸' renshu='4-5人食用' tiqian='至少提前1天预定' qie='' canju='免费赠送5套餐具'  cgprice='198'>1.2磅</span><span class='spec  special' cgprice='298'  bangshu='2' price='235' sprice='298' bang='2.2'  cw='950g' pic='http://img.incake.net/UpImages/banner/201886/p2c2018080617511640113.jpg' cweight='磅' danwei='.2' guige='17.5CM*17.5CM*4.5CM≈8寸' renshu='7-8人食用' tiqian='至少提前1天预定' qie='' canju='免费赠送10套餐具' >2.2磅</span><span class='spec ' cgprice='438'  bangshu='3' price='438' sprice='438' bang='3.2'  cw='1.4kg' pic='http://img.incake.net/UpImages/banner/201886/p2c2018080617511640113.jpg' cweight='磅' danwei='.2' guige='23CM*23CM*4.5CM≈12寸' renshu='11-12人食用' tiqian='至少提前1天预定' qie='' canju='免费赠送15套餐具' >3.2磅</span><span class='spec ' cgprice='728'  bangshu='5' price='728' sprice='728' bang='5.2'  cw='2.3kg' pic='http://img.incake.net/UpImages/banner/201886/p2c2018080617511640113.jpg' cweight='磅' danwei='.2' guige='30CM*30CM*4.5CM≈14寸' renshu='15-20人食用' tiqian='至少提前3天' qie='' canju='免费赠送20套餐具' >5.2磅</span>
                                </div>
                            </div>
                            <div class="section clearfix">
                                <div class="title">款项：</div>
                                <ul id="ContentID" class="content types">
                                    <li class='checked regular clearfix'><span class='oldPrice' id='S_Oldprice'>¥ <i id='Oldprice'>198</i></span><span class='price'>¥ <i id='price'>156</i></span><span class='name'>常规款</span><span class='radio'></span></li>
                                </ul>
                            </div>
                        </div>
                        <input type="hidden" id="hidTiqian" value="至少提前1天预定" />
                        <ul class="tips clearfix">
                            <li><p id='guige'>14CM*14CM*4.5CM≈6寸，约510g </p></li><li><p id='canju'>免费赠送5套餐具</p></li><li><p id='renshu'>适合4-5人食用</p></li><li><p id='tiqian'>至少提前1天预订</p></li>
                        </ul>
                        <div class="amount clearfix">
                            <div class="title">数量：</div>
                            <div class="content clearfix">
                                <a href="javascript:;" class="btn btn-sub disabled"></a>
                                <div class="amount-wrap">
                                    <input type="text" class="txt-amount" value="1">
                                </div>
                                <a href="javascript:;" class="btn btn-add"></a>
                            </div>
                        </div>
                        <div class="addons">
                            <ul>
                                
                            </ul>
                           
                        </div>
                        <div class="operates clearfix">
                            <a href = 'javascript:;' class='btn favor'><span class='img'></span><span class='txt'>喜欢</span></a>
                            
                             <a href="javascript:; " class="btn add-basket">放入购物篮</a> <a href = "javascript:; " class="btn buy-immediate">立即购买</a>
                        </div>
                        <!-- qrcode scan begin -->
                        <div class="qrcode-scan">
                            <p>手机下单及分享</p>
                            <div class="qrcode">
                                <img src="http://img.incake.net/UpImages/pcerweima/021_10901.png" alt="">
                            </div>
                        </div>
                        <!-- qrcode scan end -->
                    </div>

			</div>
			<!-- product detail begin -->
            <div class="product-detail" id="productDetail">
                <div class="header clearfix">
                    <a href="javascript:;" class="active">商品详情</a>
                    <a href="javascript:;">商品评价(<span>0</span>)</a>
                </div>
                <div class="container">
                    <div class="c-wrap active">
                        
                        <div class="description clearfix">
                            <div class="attrs">
                                <div class="img">
                                    
                                    
									<img src="http://img.incake.net/UpImages/img2/201886/cj2018080617512587332.jpg" />
                                    
                                </div>
                                <ul class="text">
                                    <li class=" clearfix"><p class="title">甜度：</p><p class='content sweet clearfix'><span class="active"></span><span class="active"></span><span></span><span></span><span></span></p></li>

                                    <li class="clearfix">

                                        <p class="title">口味：</p>
                                        <p class="content">奶油</p>
                                    </li>
                                    
                                    <li class="clearfix">
                                        <p class="title">主要原料：</p>
                                        <p class="content"></p>
                                    </li>
                                    
                                    <li class="clearfix">
                                        <p class="title">包装清单：</p>
                                        <p class="content">
                                            <label class="canju">免费赠送5份餐具</label>
                                        </p>
                                    </li>
                                    <li class="clearfix">
                                        <p class="title">贮存条件：</p>
                                        <p class="content">适宜食用温度在冷藏0-4摄氏度之间。请收到蛋糕后立即放入冰箱。</p>
                                    </li>
                                </ul>
                            </div>
                            <div class="materials">
                                
                                <div class="img">
                                    <img src="http://img.incake.net/upimages/img1/201886/best2018080617373023547.jpg" alt="">
                                </div>
                                
                                <ul class="flags clearfix">
                                    
                                </ul>
                                <ul class="brands">
                                    

                                </ul>
                            </div>
                        </div>
                        <!--产品分层图 开始-->
                        <div class="hierarchy groups">
                            <div class="title">
                                <img src="../images/hierarchy_title.jpg" alt="">
                            </div>
                            <div class="content">
                                <img src="http://img.incake.net/UpImages/img1/201886/pcfencheng2018080617373520212.jpg" />
                            </div>
                        </div>
                        <!--产品分层图 结束-->
                        
                        <ul class="descs">
                            
                            <li class="fl clearfix">
                                <div class="img">
                                    <img src="http://img.incake.net/upimages/RedImagesAndDescrtion/201887/New12018080710550499826.jpg" alt="">
                                </div>
                                <div class="text vcenter">
                                    <div class="vcenter-child">
                                        <p><p>INCAKE研发部，让奥利奥吃法升级。<p>
<p>巧克力戚风胚和奥利奥咸奶油层层相叠，<p>
<p>巧克力片和奥利奥饼干上覆表面。<p>
<p>咸、香、酥三种味觉刺激的狂势来袭，让你沦陷到无法喘息<p></p>
                                    </div>
                                </div>
                            </li>
                            
                            <li class="fr clearfix">
                                <div class="img">
                                    <img src="http://img.incake.net/upimages/RedImagesAndDescrtion/201887/New12018080710534444568.jpg" alt="">
                                </div>
                                <div class="text vcenter">
                                    <div class="vcenter-child">
                                        <p><p>奥利奥是一世纪之前最伟大的发明之一，<p>
<p>不敢想象少了“扭一扭，舔一舔，泡一泡”的童年。<p>
<p>人们对奥利奥吃法的探索，媲美韩国人对泡菜的研究，<p>
<p>只有你想不到，没有他们做不到<p></p>
                                    </div>
                                </div>
                            </li>
                            
                            <li class="full">
                                <div class="fullimg">
                                    <img src="http://img.incake.net/upimages/RedImagesAndDescrtion/201887/New12018080710535065380.jpg" alt="">
                                </div>
                            </li>
                            
                        </ul>
                        
                    </div>
                    <div class="c-wrap">
                        <div class="comments">
                            <ul class="cmtlist">
                                
                            </ul>
                            <div class="navigator clearfix">

                                <a href="#" class="prev">&lt;</a><a href="#" class="page active" >1</a><a href="#" class="next">&gt;</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- product detail end -->
        <div id="maskPopup" style="display: none;">
	        <div class="popups popup-result" style="display: block;">
	            <p class="popup-info">您所选的商品已加入购物篮！</p>
	            <p class="btns clearfix">
	                <a href="javascript:;" class="btn-cancel">再逛逛</a>
	                <a href="/webnew/basket.html" class="btn-sure">去结算</a>
	            </p>
	        </div>
	        <div class="popups popup-result2">
	            <p class="popup-info"></p>
	            <a href="javascript:;" class="btn-close">确定</a>
	        </div>
   		</div>

		</div>
		<footer></footer>
		<script src="/lib/requirejs/require.js" data-main="/js/detail"></script>	
	</body>
</html>
